<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>YY电子竞技俱乐部</title>

<link href="https://fonts.googleapis.com/css?family=DM+Sans:400,500,700&display=swap" rel="stylesheet">

<link rel="stylesheet" href="css/normalize.min.css">
<link rel="stylesheet" href="css/style.css">

</head>
<body>

<div class="app-wrapper">

  <div class="left-area hide-on-mobile">
    <div class="app-header">YY.
      <span class="inner-text">Games</span>
      <button class="close-menu">
        <svg width="24" height="24" fill="none" stroke="#51a380" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="feather feather-x">
          <defs />
          <path d="M18 6L6 18M6 6l12 12" />
        </svg>
      </button>
    </div>
    <div class="left-area-content">
      <div class="profile">
        <img src="img/head.png" alt="">
        <div class="profile-info">
          <span class="profile-name">YY.电子竞技</span>
          <span class="country">中国 | 砀山</span>
        </div>
      </div>
      <div class="page-link-list">
        <a href="index.html" class="item-link" id="pageLink1">
          <svg class="link-icon" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="feather feather-home" viewBox="0 0 24 24">
            <defs />
            <path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z" />
            <path d="M9 22V12h6v10" /></svg>
          主页</a>
        <a href="index.html" class="item-link" id="pageLink2">
          <svg class="link-icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-heart">
            <path d="M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z" />
          </svg>
          选手</a>
        <a href="index.html" class="item-link active" id="pageLink3">
          <svg class="link-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-play">
            <path d="M5 3l14 9-14 9V3z" />
          </svg>
          视频</a>
        <a href="index.html" class="item-link" id="pageLink4">
          <svg class="link-icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-list">
            <path d="M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01" />
          </svg>
          赛程</a>
        <a href="index.html" class="item-link" id="pageLink5">
          <svg class="link-icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clock">
            <circle cx="12" cy="12" r="10" />
            <polyline points="12 6 12 12 16 14" /></svg>
          历史</a>
      </div>
    </div>

    <button class="btn-invite">关注战队</button>
  </div>
  
  <div class="right-area">
    <div class="right-area-upper">
      <button class="menu-button">
        <svg width="24" height="24" fill="none" stroke="#51a380" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
          <defs />
          <path d="M3 12h18M3 6h18M3 18h18" />
        </svg>
      </button>
      <div class="search-part-wrapper">
        <input class="search-input" type="text" placeholder="搜索">
        <a class="menu-links" href="#">公告</a>
      </div>
      <button class="btn-notification">
        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#232428" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bell">
          <path d="M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9M13.73 21a2 2 0 01-3.46 0" />
        </svg>
        <span>1</span>
      </button>
      <div class="action-buttons-wrapper">
        <button class="action-buttons btn-record">视频</button>
        <button class="action-buttons btn-upload">上传</button>
      </div>
    </div>
    <div class="page-right-content">
      <div class="content-line content-line-hero">
        <div class="line-header">
          <span class="header-text">斌少机器人 “惊天一钩”，逆转比赛！ </span>
        </div>

        <div class="slider-wrapper">
          <div class="item hero-img-wrapper">

            <video width="1080" height="720" controls>
              <source src="http://gaoyiguan.cn/bro/video/20210607_224156.mp4" type="video/mp4">
            </video>

          </div>


        </div>
      </div>
    </div>
  </div>
  
</div> 

<script type="text/javascript" src='js/jquery.min.js'></script>
<script type="text/javascript" src='js/owl.carousel.min.js'></script>
<script type="text/javascript" src="js/script.js"></script>

</body>
</html>
